<template>
<div class="navheader">
  <Row>
    <Col span="18">
      <div class="logo-bar">
        <img src="/static/images/logo.png" class="logo-img"/><span class="logo-text">{{config.TITLE}}</span>
      </div>
    </Col>
  </Row>
</div>
</template>

<script>
  import Config from '@/config'

  export default {
    name: 'navheader',
    data () {
      return {
        config: Config
      }
    }
  }
</script>


<style scoped>

.navheader {
  background-color: #EFF4FA;
  border-bottom: 1px solid #D6DFEA;
  padding-left: 32px;
}

.logo-bar * {
  vertical-align:middle;
}

.logo-bar img {
  height: 64px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.logo-text {
  font-size: 200%;
  padding-left: 8px;
}


</style>

